<template>
	<view class="wrapper">
		<uni-nav-bar leftText="取消" title="发红包" @clickLeft='$back' @clickRight='showAlert' backgroundColor="#F14C2E" color='#FFA61E'></uni-nav-bar>
		<view class="cos_red">
			<view class="commom_red sty">普通红包</view>
			<view class="word_red sty">口令红包</view>
		</view>
		<view class="red_num_box">
			<view class="jin_e">金额(元)  </view>
			<input type="text" placeholder="请输入红包金额" class="red_num" />
		</view>
		<input type="text" placeholder="恭喜发财,万事如意" class="bless" />
		<button type="default" class="sub">塞钱进红包</button>
	</view>
</template>

<script>
import uniNavBar from '@/components/uni-nav-bar/uni-nav-bar.vue';
export default {
	data() {
		return {};
	},
	components: { uniNavBar },
	onShow() {},
	onLoad() {},
	methods: {}
};
</script>

<style>
.wrapper {
	background: rgba(242, 243, 245, 1);
	display: flex;
	flex-direction: column;
}
.cos_red {
	display: flex;
	flex-direction: row;
	height: 75rpx;
	text-align: center;
}
.sty {
	flex: 1;
	text-align: center;
}
.commom_red {
	font: 26rpx/75rpx '';
	font-weight: 500;
	color: rgba(241, 76, 46, 1);
	border-bottom: 2px solid rgba(241, 76, 46, 1);
}
.word_red {
	font: 26rpx/75rpx '';
	font-weight: 500;
	color: rgba(153, 153, 153, 1);
}
.red_num_box {
	display: flex;
	flex-direction: row;
	height: 104rpx;
	background: rgba(255, 255, 255, 1);
	border-bottom: 1px solid rgba(224, 224, 224, 1);
	margin-bottom: 38rpx;
}
.jin_e {
	font: 30rpx/104rpx '';
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
	margin: 0 21rpx 0 31rpx;
}
.red_num {
	font-size: 30rpx;
	font-weight: 500;
	color: rgba(153, 153, 153, 1);
	margin-top: 32rpx;
}
.bless {
	height: 104rpx;
	background: rgba(255, 255, 255, 1);
	font-size: 30rpx;
	font-weight: 500;
	color: rgba(153, 153, 153, 1);
	padding-left: 31rpx;
	border-top: 1px solid rgba(224, 224, 224, 1);
	border-bottom: 1px solid rgba(224, 224, 224, 1);
	margin-bottom: 20rpx;
}
.sub {
	width: 690rpx;
	height: 80rpx;
	background: rgba(241, 76, 46, 1);
	border-radius: 4rpx;
	font-size: 30rpx;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
}
</style>
